@extends('layouts.app')

@section('title')

@section('styles')
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <!-- Google Webfont -->
    <!--<link href='http://fonts.useso.com/css?family=Lato:300,400|Crimson+Text' rel='stylesheet' type='text/css'>-->
    <!-- Themify Icons -->
    <link rel="stylesheet" href="/static/css/themify-icons.css" />
    <!-- Bootstrap -->
    <link rel="stylesheet" href="/static/css/bootstrap.css" />
    <!-- Owl Carousel -->
    <link rel="stylesheet" href="/static/css/owl.carousel.min.css" />
    <link rel="stylesheet" href="/static/css/owl.theme.default.min.css" />
    <!-- Magnific Popup -->
    <link rel="stylesheet" href="/static/css/magnific-popup.css" />
    <!-- Superfish -->
    <link rel="stylesheet" href="/static/css/superfish.css" />
    <!-- Easy Responsive Tabs -->
    <link rel="stylesheet" href="/static/css/easy-responsive-tabs.css" />
    <link rel="stylesheet" href="/static/css/course_style.css" />
    <!-- jQuery -->
    <script src="/static/js/jquery-1.10.2.min.js"></script>
    <!-- Theme Style -->
    <link rel="stylesheet" href="/static/css/style.css" />


    <link href="/product/ui-dialog.css" rel="stylesheet" type="text/css" />
    <link href="/product/style.css" rel="stylesheet" type="text/css" />

@stop

@section('content')

    <style>
        .address-info dd .input{
            height: 30px;
        }
        .express li{
            height: 50px!important;
        }
        #fh5co-header-section{
            position: static!important;
            background: #fffff5;
        }
        #site-nav{
            display: flex!important;
            margin: 0 auto!important;
            height: 30px!important;
            width: 1170px!important;
            padding:0 50px 0 22px!important;
        }
        #site-nav a{
            color: #28bbf8;
            font-size: 12px;
        }
        .ml-auto {
            margin-left: auto!important;
        }
        #fh5co-primary-menu li>a{
            color: #777777;
        }
        #buyButton .add{
            color: #fff!important;
            font-size: 16px;
            line-height: 38px;
            background: #f40!important;
            border: 1px solid #f40!important;
            border-radius: 2px;
            cursor: pointer!important;
        }
        .container{padding-bottom: 30px;}
        .clearfix{
            border: 1px solid #454545;
            padding: 0 0 10px 10px;
            margin-bottom: 18px;
            box-shadow:10px 10px 10px #8d8d8d;
        }
    </style>
    <div class="" style="height:100px;"></div>

    <div class="main-box">
        <div class="section clearfix">
            @foreach (['danger', 'warning', 'success', 'info'] as $msg)
                @if(session()->has($msg))
                    <div class="flash-message"  style="margin: 10px 13px 0 0!important;">
                        <p class="alert alert-{{ $msg }}">
                            {{ session()->get($msg) }}
                        </p>
                    </div>
                @endif
            @endforeach

            <!--确认订单-->
            <form method="post" action="{{ route('order.determine') }}">
                <!--商品订单-->
                <div class="main-tit">
                    <h2>支付中心</h2></div>
                <input id="pay_subject" name="no" type="hidden" value="{{ $order->no }}">
                @csrf
                <div class="inner-box">
                    <div class="dl-list">
                        <dl>
                            <dt>订 单 号：</dt>
                            <dd>{{ $order->no }}</dd>
                        </dl>
                        <dl>
                            <dt>用户姓名：</dt>
                            <dd>{{ $order->user->username }}</dd>
                        </dl>
                        <dl>
                            <dt>交易帐号：</dt>
                            <dd>{{ $order->trade_account }}</dd>
                        </dl>
                        <dl>
                            <dt>手机号码：</dt>
                            <dd>{{ $order->user->phone }}</dd>
                        </dl>
                        <dl>
                            <dt>邮箱地址：</dt>
                            <dd>{{ $order->user->email }}</dd>
                        </dl>
                        <dl>
                            <dt>支付金额：</dt>
                            <dd>{{ $order->total_amount }} 元</dd>
                        </dl>
                        <dl>
                            <dt>支付备注码：</dt>
                            <dd><span style="font-size:28px;font-weight:bold;">{{ $order->verif_code }}</span> <span style="color:red; text-shadow:0px 0px 4px red;">支付备注码必填，否则无法到帐</span></dd>
                        </dl>
                        <dl>
                            <dt></dt>
                            <dd>
                                @if(! $order->paid_at)
                                    <input id="btnSubmit" name="btnSubmit" type="submit" class="btn" value="确认支付">
                                @else
                                    <input id="" name="" type="" class="btn btn-info" value="已支付">
                                @endif
                            </dd>
                        </dl>
                    </div>
                </div>
                <!--/商品订单-->
            </form>
            <!--/确认订单--></div>
    </div>


@stop


@section('scripts')
    <script>

    </script>
@stop
